<!-- The Main Page of BGMail -->

<html>
  <head>
    <title>BGMail</title>
    <meta http-equiv="Content-Type"
          content="text/html; charset=utf-8">
    <script type="text/javascript" src="js/util.js"></script>
    <script type="text/javascript" src="js/list.js"></script>
    <script type="text/javascript" src="js/content.js"></script>
    <script type="text/javascript" src="js/render.js"></script>
    <script type="text/javascript" src="js/commit.js"></script>
    <script type="text/javascript" src="js/micro.js"></script>
    <script type="text/javascript" src="js/search.js"></script>
    <link rel="stylesheet" type="text/css" href="bgmail.css" />
  </head>

  <body onload="javascript:initList()">
    <!-- The title bar -->
    <div id="titleBar">
      <a href="/"><img src="logo.png" border="0"/></a>
    </div>
    
    <!-- The left sidebar -->
    <div id="sideBar">
      <div class="taglink" style="margin-top : 4px; margin-bottom : 12px;">
	<a href="/send.html" target="_blank">Compose Mail</a>	
      </div>

      <div id="tagsField">
      
	<div id="defaultTags">
	</div>

	<div id="link.search" class="tagLink">
	  <a href="javascript:doNothing()">Searches</a>
	</div>
	

	<div id="starTag">
	  <div id="link.star" class="tagLink">
	    <a href="javascript:selectView('star', 0)">Starred</a>
	  </div>
	</div>      

	<div id="userTags"></div>
      </div>

    </div>    
    <!-- The right mainview -->
    <div id ="mainView">
      <div align="right">
	<form action="javascript:doSearch()">
	  <a href="javascript:setTagAsRead()">Set Tag as Read</a> | 	  
	  <input type="text" id="queryInput" style="display : none"/>
	  <a id="searchHandle" href="javascript:showQueryInput()">Search</a>
	</form>
      </div>
      <div id="messageList"></div>
      <div align="center">
	<a href="javascript:selectNewer()">&lt;&lt;Newer</a> | 
        <a href="javascript:selectOlder()">Older&gt;&gt</a>
     </div>
    </div>
    
  </body>
</html>
